﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UcThongTinCaNhan.ascx.cs" Inherits="STT.Profile.UserControls.Index" %>
<style>
    .ac-container{
	/*width: 400px;*/
	/*margin: 10px auto 30px auto;*/
	text-align: left;
}
.ac-container label{
	font-family: Arial, sans-serif;
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 40px;
	cursor: pointer;
	color: #515151;
    font-weight: lighter;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 30px;
	font-size: 14px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
    font-weight:bold;
}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	/*background: #c6e1ec;*/
	color: #3d7489;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../Profile/img/projects/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../Profile/img/projects/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -3px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	font-style: italic;
	color: #777;
	line-height: 23px;
	font-size: 14px;
	padding: 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	/*transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);*/
}
.ac-container input:checked ~ article.ac-ttcb{
	height: 338px;
}
.ac-container input:checked ~ article.ac-cv{
	height: 240px;
}
.ac-container input:checked ~ article.ac-dt{
	height: 192px;
}
.ac-container input:checked ~ article.ac-hocvan{
	height: 145px;
}
.ac-container input:checked ~ article.ac-ngoaingu{
height: auto;
}
.ac-container input:checked ~ article.ac-bangcap{
	height: auto;
}
    .edit { 
         Width:100px;
         Height:100px;
         float:left;
    }
    .cancel { 
       padding-bottom:10px;
       padding-top:10px;
       padding-left:20px;
    }
    .update { 
       padding-bottom:10px;
       padding-top:10px;
       padding-left:20px;
    }
</style>
<div>
       <asp:DataList ID="DtlIndex" runat="server" DataKeyField="Mahv" Width="100%" CellPadding="0" CellSpacing="0" BackColor="White" BorderColor="White" BorderStyle="Ridge" BorderWidth="1px" OnCancelCommand="DtlIndex_CancelCommand" OnDeleteCommand="DtlIndex_DeleteCommand" OnEditCommand="DtlIndex_EditCommand" OnUpdateCommand="DtlIndex_UpdateCommand" OnItemDataBound="DtlIndex_ItemDataBound" >
            <ItemTemplate>
              <div id="biography" class="page home" data-pos="home">
                    <div class="pageheader">
                        <div class="headercontent">
                            <div class="section-container">   
                                <div class="row">
                                    <div class="col-sm-12 col-md-7">
                                        <h3 class="title"><asp:Label ID="Label1" runat="server" Text='<%# Bind("TenHV") %>'></asp:Label>
                                         <asp:Label ID="Label20" runat="server" Text='<%# Bind("Ten") %>'></asp:Label>
                                        </h3>
                                       <%-- <p><asp:Label ID="Label2" runat="server" Text='<%# Bind("GhiChu") %>'></asp:Label></p>--%>
                                    </div>                                   
                                </div>
                            </div>        
                        </div>
                    </div>
                    <div class="pagecontents">
                        <div class="section color-1">
                            <div class="section-container">
                                <div class="row">
                                    <div class="col-md-7">
                                      <section class="ac-container">
				                         <div>	
                                            <input id="ac-1" name="accordion-1" type="checkbox" checked="">
					                        <label for="ac-1">Thông tin cơ bản</label>
					                        <article class="ac-ttcb">             
                                            <ul class="ul-dates">
                                            <li>
                                                <div class="dates">
                                                    <span>Ngày sinh</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label10" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "[Ngaysinh]", "{0:dd/MM/yyyy}")%>'></asp:Label></h4>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="dates">
                                                    <span>Quê Quán</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label11" runat="server" Text='<%# Bind("QueQuan") %>'></asp:Label></h4>
                                                  
                                                </div>
                                            </li>
                                            <li>
                                                <div class="dates">
                                                    <span>Địa chỉ</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label12" runat="server" Text='<%# Bind("DiaChi") %>'></asp:Label></h4>
                                                    
                                                </div>
                                            </li>
                                            <li>
                                                <div class="dates">
                                                    <span>Số điện thoại</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label13" runat="server" Text='<%# Bind("Sdt") %>'></asp:Label></h4>
                                                   
                                                </div>
                                            </li>
                                              <li>
                                                <div class="dates">
                                                    <span>Số CMTND</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label14" runat="server" Text='<%# Bind("SoCMT") %>'></asp:Label></h4>
                                                   
                                                </div>
                                            </li>
                                             <li>
                                                <div class="dates">
                                                    <span>Trình độ văn hóa</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label9" runat="server" Text='<%# Bind("TenTDHocVan") %>'></asp:Label></h4>
                                                </div>
                                            </li>

                                                  <li>
                                                <div class="dates">
                                                    <span>Ghi Chú</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label22" runat="server" Text='<%# Bind("GhiChu") %>'></asp:Label></h4>
                                                </div>
                                            </li>
                                        </ul>
                                        </article>
                                        </div>
                                      </section>
                                    </div>
                                    <div class="col-md-7 ">
                                         <section class="ac-container">
				                         <div>	
                                            <input id="ac-2" name="accordion-1" type="checkbox">
					                        <label for="ac-2">Công việc & công tác</label>
					                        <article class="ac-cv">  
                                             <ul class="ul-dates">
                                            <li>
                                                <div class="dates">
                                                    <span>Ngày vào ngành</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label3" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "[Ngayvaonganh]", "{0:MM/dd/yyyy}")%>'></asp:Label></h4>
                                                    
                                                </div>
                                            </li>
                                            <li>
                                                <div class="dates">
                                                    <span>Ngày vào cơ quan</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label4" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "[Ngayvaocoquan]", "{0:MM/dd/yyyy}")%>'></asp:Label></h4>
                                                    
                                                </div>
                                            </li>
                                            <li>
                                                <div class="dates">
                                                    <span>Ngày tuyển dụng</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label5" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "[Ngaytuyendung]", "{0:MM/dd/yyyy}")%>'></asp:Label></h4>
                                                   
                                                </div>
                                            </li>
                                            <li>
                                                <div class="dates">
                                                    <span>Tình trạng hợp đồng</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label6" runat="server" Text='<%# Bind("TinhTrangHD") %>'></asp:Label></h4>
                                                    
                                                </div>
                                            </li>
                                              <li>
                                                <div class="dates">
                                                    <span>Công việc đang làm</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label7" runat="server" Text='<%# Bind("CongViecDangLam") %>'></asp:Label></h4>
                                                    
                                                </div>
                                            </li>
                                        </ul>
                                            </article>
                                         </div>
                                        </section>
                                    </div>
                                    <div class="col-md-7 ">
                                        <section class="ac-container">
				                         <div>	
                                            <input id="ac-3" name="accordion-1" type="checkbox">
					                        <label for="ac-3">Quá Trình Đào Tạo</label>
					                        <article class="ac-dt">
                                            <ul class="ul-dates">
                                            <li>
                                                <div class="dates">
                                                    <span>Ngành nghề đào tạo</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label15" runat="server" Text='<%# Bind("NganhNgheDaoTao") %>'></asp:Label></h4>
                                                    
                                                </div>
                                            </li>
                                            <li>
                                                <div class="dates">
                                                    <span>Hình thức đào tạo</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label16" runat="server" Text='<%# Bind("HinhThucDaoTao") %>'></asp:Label></h4>
                                                    
                                                </div>
                                            </li>
                                            <li>
                                                <div class="dates">
                                                    <span>Trình độ quản lý kỹ thuật</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label17" runat="server" Text='<%# Bind("TrinhDoQLKT") %>'></asp:Label></h4>
                                                    
                                                </div>
                                            </li>
                                            <li>
                                                <div class="dates">
                                                    <span>Trình độ LLTC</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label18" runat="server" Text='<%# Bind("TrinhDoLLCT") %>'></asp:Label></h4>
                                                    
                                                </div>
                                            </li>
                                        </ul>
                                         </article>
                                         </div>
                                        </section>
                                    </div>
                                    <div class="col-md-7">
                                       <section class="ac-container">
				                         <div>	
                                            <input id="ac-4" name="accordion-1" type="checkbox">
					                        <label for="ac-4">Học Vấn</label>
					                        <article class="ac-hocvan">
                                            <ul class="ul-dates">
                                            <li>
                                                <div class="dates">
                                                    <span>Trình độ chuyên môn</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label21" runat="server" Text='<%# Bind("TenTDChuyenMon") %>'></asp:Label></h4>
                                                    
                                                </div>
                                            </li>
                                            <li>
                                                <div class="dates">
                                                    <span>Học hàm</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label23" runat="server" Text='<%# Bind("HocHam") %>'></asp:Label></h4>
                                                    
                                                </div>
                                            </li>
                                            <li>
                                                <div class="dates">
                                                    <span>Học vị</span>
                                                </div>
                                                <div class="content">
                                                    <h4><asp:Label ID="Label24" runat="server" Text='<%# Bind("HocVi") %>'></asp:Label></h4>
                                                   
                                                </div>
                                            </li>                                            
                                        </ul>
                                             </article>
                                            </div>
                                        </section>
                                    </div>
                                    <div class="col-md-7">
                                          <section class="ac-container">
				                             <div >	
                                            <input id="ac-5" name="accordion-1" type="checkbox">
					                        <label for="ac-5">Ngoại Ngữ</label>
					                        <article class="ac-ngoaingu">
                                             <ul class="ul-dates">
                                            <li>
                                               <asp:DataList ID="dtlngoaingu" runat="server" Width="100%">
                                                    <HeaderTemplate>
                                                        <asp:Table ID="Table1" runat="server" Width="100%" CssClass="view-table">
                                                        <asp:TableHeaderRow CssClass="headerdiem">
                                                        <asp:TableCell Width="30%" HorizontalAlign="Center">
                                                            <asp:Label ID="Label15" ForeColor="White" runat="server" Text="Ngoại ngữ"></asp:Label>
                                                        </asp:TableCell>
                                                        <asp:TableCell Width="30%" HorizontalAlign="Center">
                                                            <asp:Label ID="Label17"  ForeColor="White" runat="server" Text="Nơi cấp"></asp:Label>
                                                        </asp:TableCell>
                                                        <asp:TableCell Width="30%" HorizontalAlign="Center">
                                                            <asp:Label ID="Label18" ForeColor="White" runat="server" Text="Ngày cấp" ></asp:Label>
                                                        </asp:TableCell>
                                                        </asp:TableHeaderRow>
                                                         </asp:Table>
                                                    </HeaderTemplate>

                                                    <ItemTemplate>                                            
                                                        <asp:Table ID="Table2" runat="server" Width="100%" CssClass="view-table2">
                                                        <asp:TableRow>
                                                            <asp:TableCell Width="30%" HorizontalAlign="Center">
                                                               <asp:Label ID="Label8" ForeColor="White" runat="server" Text='<%# Eval("TenNgoaiNgu") %>'></asp:Label>
                                                            </asp:TableCell>
                                                            <asp:TableCell Width="30%" HorizontalAlign="Center">
                                                                <asp:Label ID="Label2" ForeColor="White" runat="server" Text='<%# Eval("Noicap") %>'></asp:Label>
                                                            </asp:TableCell>
                                                            <asp:TableCell HorizontalAlign="Center" Width="30%">
                                                                <asp:Label ID="Label19" ForeColor="White" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "[Ngaycap]", "{0:MM/dd/yyyy}")%>'></asp:Label>
                                                            </asp:TableCell>
                                                        </asp:TableRow>
                                                        </asp:Table>
                                                    </ItemTemplate>
                                                   <ItemStyle />
                                                </asp:DataList>
                                            </li>   
                                            </ul>
                                            </article>
                                            </div>
                                        </section>
                                    </div>
                                    <div class="col-md-7">
                                       <section class="ac-container">
				                            <div >	
                                        <input id="ac-6" name="accordion-1" type="checkbox">
					                    <label for="ac-6">Bằng cấp</label>
					                    <article class="ac-bangcap">
                                            <ul class="ul-dates">
                                        <li>
                                            <asp:DataList ID="dtlbangcap" runat="server" Width="100%" Font-Size="13px" CellPadding="0">
                                                <HeaderTemplate>
                                                    <asp:Table ID="Table1"  runat="server" Width="100%" CssClass="view-table">
                                                    <asp:TableHeaderRow CssClass="headerdiem">
                                                    <asp:TableCell Width="30%" HorizontalAlign="Center">
                                                        <asp:Label ID="Label15" ForeColor="White" runat="server" Text="Tên bằng cấp"></asp:Label>
                                                    </asp:TableCell>
                                                    <asp:TableCell Width="30%" HorizontalAlign="Center">
                                                        <asp:Label ID="Label17" ForeColor="White" runat="server" Text="Nơi cấp"></asp:Label>
                                                    </asp:TableCell>
                                                    <asp:TableCell Width="30%" HorizontalAlign="Center">
                                                        <asp:Label ID="Label18" ForeColor="White" runat="server" Text="Ngày cấp"></asp:Label>
                                                    </asp:TableCell>
                                                    </asp:TableHeaderRow>
                                                        </asp:Table>
                                                </HeaderTemplate>
                                                <ItemTemplate>                                            
                                                    <asp:Table ID="Table2" runat="server" Width="100%" CssClass="view-table2">
                                                    <asp:TableRow>
                                                        <asp:TableCell Width="30%" HorizontalAlign="Center">
                                                            <asp:Label ID="Label8" ForeColor="White" runat="server" Text='<%# Eval("TenBangCap") %>'></asp:Label>
                                                        </asp:TableCell>
                                                        <asp:TableCell Width="30%" HorizontalAlign="Center">
                                                            <asp:Label ID="Label2" ForeColor="White" runat="server" Text='<%# Eval("Noicap") %>'></asp:Label>
                                                        </asp:TableCell>
                                                        <asp:TableCell HorizontalAlign="Center" Width="30%">
                                                            <asp:Label ID="Label19" ForeColor="White" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "[Ngaycap]", "{0:MM/dd/yyyy}")%>'></asp:Label>
                                                        </asp:TableCell>
                                                    </asp:TableRow>
                                                    </asp:Table>
                                                </ItemTemplate>
                                            </asp:DataList>
                                        </li>   
                                        </ul>
                                        </article>
                                        </div>
                                        </section>
                                    </div>
                                    <div class="imgbntedit">
                                        <asp:ImageButton runat="server" ID="ImageButton1" CausesValidation="false" CssClass="edit" CommandName="Edit" ToolTip="Chỉnh sửa thông tin cá nhân" ImageUrl="~/Profile/img/editprofile.png"/>  
                                    </div> 
                                </div>    
                            </div>      
                        </div>                                                  
                    </div>
                </div>
            </ItemTemplate>
            <EditItemTemplate>
                 <div id="biography" class="page home" data-pos="home">
                    <div class="pageheader">
                        <div class="headercontent">
                            <div class="section-container">   
                                <div class="row">
                                    <div class="col-sm-12 col-md-7">
                                        <h3 class="title"><asp:Label ID="Label1" runat="server" Text='<%# Bind("TenHV") %>'></asp:Label>
                                           <asp:Label ID="Label20" runat="server" Text='<%# Bind("Ten") %>'></asp:Label></h3>
                                       <%-- <p><asp:Label ID="Label2" runat="server" Text='<%# Bind("GhiChu") %>'></asp:Label></p>--%>
                                    </div>  
                                    
                                </div>
                            </div>        
                        </div>
                    </div>
                    <div class="pagecontents">
                    <div class="section color-1">
                        <div class="section-container">
                            <div class="title text-left">
                                    <h3>Chỉnh sửa thông tin cá nhân</h3>
                                </div>
                            <div class="row">
                                <div class="col-md-5" style="width:49%">
                                <ul class="ul-dates">
                                    <li>
                                        <div class="dates">
                                            <span>Họ</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txtho" runat="server" Height="33px" Width="90%" MaxLength="50" CssClass="form-control" Text='<%# Bind("Tenhv") %>'></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*" ControlToValidate="txtho" ToolTip="Bạn chưa nhập họ của bạn" ForeColor="Red" Font-Bold="true" ValidationGroup="editprofile"></asp:RequiredFieldValidator>
                                        </div>
                                    </li>
                                     <li>
                                     
                                        <div class="dates">
                                            <span>Tên</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txtten" runat="server" Height="33px" Width="90%" MaxLength="20" CssClass="form-control" Text='<%# Bind("Ten") %>'></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ErrorMessage="*" ControlToValidate="txtten" ToolTip="Bạn chưa nhập tên của bạn" ForeColor="Red" Font-Bold="true" ValidationGroup="editprofile"></asp:RequiredFieldValidator>
                                        </div>
                                      
                                    </li>
                                    <li>
                                       
                                        <div class="dates">
                                            <span>Ngày sinh</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txtngaysinh" runat="server" Width="90%" Height="33px" CssClass="form-control" Text='<%# Bind("Ngaysinh", "{0:dd/MM/yyyy}") %>'></asp:TextBox>   
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*" ControlToValidate="txtngaysinh" ToolTip="Bạn chưa nhập tuổi" ForeColor="Red" Font-Bold="true" ValidationGroup="editprofile"></asp:RequiredFieldValidator>     
                                        </div>
                                         
                                    </li>
                                    <li>
                                        
                                        <div class="dates">
                                            <span>Quê Quán</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txtquequan" runat="server" Height="33px" Width="90%" MaxLength="300" CssClass="form-control" Text='<%# Bind("QueQuan") %>'></asp:TextBox>
                                        </div>
                                             
                                    </li>
                                    <li>
                                        
                                        <div class="dates">
                                            <span>Địa chỉ</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txtdiachi" runat="server" Height="33px" Width="90%" MaxLength="500" CssClass="form-control" Text='<%# Bind("DiaChi") %>'></asp:TextBox>
                                        </div>
                                        
                                    </li>
                                    <li>
                                       
                                        <div class="dates ">
                                            <span>Số điện thoại</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txtsdt" runat="server" Height="33px" Width="90%" MaxLength="11" CssClass="form-control" Text='<%# Bind("Sdt2") %>'></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="*" ControlToValidate="txtsdt" ToolTip="Bạn chưa nhập số điện thoại" ForeColor="Red" Font-Bold="true" ValidationGroup="editprofile"></asp:RequiredFieldValidator>
                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtsdt" ErrorMessage="*" ValidationExpression="09\d{8}|01[2689]\d{8}" ValidationGroup="editprofile" ForeColor="Red" ToolTip="Bạn Nhập sai định dạng số điện thoại"></asp:RegularExpressionValidator>           
                                        </div>
                                       
                                    </li>
                                         <li>
                                       
                                        <div class="dates ">
                                            <span>Ngày vào ngành</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txtngayvaonganh" runat="server" Height="33px" Width="90%" CssClass="form-control" Text='<%# Bind("NgayVaoNganh", "{0:dd/MM/yyyy}") %>'></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="*" ControlToValidate="txtngayvaonganh" ToolTip="Bạn chưa nhập số dữ liệu" ForeColor="Red" Font-Bold="true" ValidationGroup="editprofile"></asp:RequiredFieldValidator>
                                        </div>
                                       
                                    </li>
                                    <li>
                                       
                                        <div class="dates ">
                                            <span>Ngành vào cơ quan</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txtngayvaocoquan" runat="server" Height="33px" Width="90%" CssClass="form-control" Text='<%# Bind("NgayVaoCoQuan", "{0:dd/MM/yyyy}") %>'></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ErrorMessage="*" ControlToValidate="txtngayvaocoquan" ToolTip="Bạn chưa nhập số dữ liệu" ForeColor="Red" Font-Bold="true" ValidationGroup="editprofile"></asp:RequiredFieldValidator>
                                        </div>
                                       
                                    </li>
                                     <li>
                                        <div class="dates ">
                                            <span>Ngành tuyển dụng</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txtngaytuyendung" runat="server" Height="33px" Width="90%"  CssClass="form-control" Text='<%# Bind("NgayTuyenDung", "{0:dd/MM/yyyy}") %>'></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" ErrorMessage="*" ControlToValidate="txtngaytuyendung" ToolTip="Bạn chưa nhập số dữ liệu" ForeColor="Red" Font-Bold="true" ValidationGroup="editprofile"></asp:RequiredFieldValidator>
                                       </div>         
                                    </li>
                                </ul>
                                </div>
                                <div class="col-md-5" style="width:49%">
                                <ul class="ul-dates">
                                    <li>
                                     <div class="dates ">
                                            <span>Tình trạng hợp đồng</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txttinhtranghopdong" runat="server" Height="33px" Width="90%"  CssClass="form-control" Text='<%# Bind("TinhTrangHD") %>'></asp:TextBox>
                                        </div>
                                       
                                    </li>
                                    <li>
                                        <div class="dates">
                                            <span>Ngành nghề đào tạo</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txtnganhnghedaotao" runat="server" Height="33px" Width="90%"  MaxLength="50" CssClass="form-control" Text='<%# Bind("NganhNgheDaoTao") %>'></asp:TextBox>
                                        </div>
                                       
                                    </li>
                                     <li>
                                       
                                        <div class="dates">
                                            <span>Hình thức đào tạo</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txthinhthucdaotao" runat="server" Height="33px" Width="90%" MaxLength="50" CssClass="form-control" Text='<%# Bind("HinhThucDaoTao") %>'></asp:TextBox>
                                        </div>                                     
                                    </li>
                                    <li>                
                                        <div class="dates">
                                            <span>Trình độ QLKT</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txttrinhdoqlkt" runat="server" Width="90%" Height="33px" MaxLength="50"  CssClass="form-control" Text='<%# Bind("TrinhDoQLKT")%>'></asp:TextBox>   
                                        </div>
                                        
                                    </li>
<%--                                    <li>
                                       
                                        <div class="dates ">
                                            <span>Trình độ chuyên môn</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txttrinhdochuyenmon" runat="server" Height="33px" Width="90%" MaxLength="50"  CssClass="form-control" Text='<%# Bind("TenTDChuyenMon") %>'></asp:TextBox>
                                        </div>
                                      
                                    </li>--%>
                                     <li>
                                        
                                        <div class="dates">
                                            <span>Học Hàm</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txthocham" Height="33px" runat="server" Width="90%" MaxLength="50"  CssClass="form-control" Text='<%# Bind("HocHam") %>'></asp:TextBox>
                                        </div>
                                        
                                    </li>
                                     <li>
                                        
                                        <div class="dates">
                                            <span>Học vị</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txthocvi" Height="33px" runat="server"  Width="90%" MaxLength="50" s CssClass="form-control" Text='<%# Bind("HocVi") %>'></asp:TextBox>
                                        </div>
                                        
                                    </li>
                                     <li>
                                        
                                        <div class="dates">
                                            <span>Ghi Chú</span>
                                        </div>
                                        <div class="content2">
                                            <asp:TextBox ID="txtghichu" Height="33px" runat="server" TextMode="MultiLine" Width="90%" CssClass="form-control" Text='<%# Bind("Ghichu") %>'></asp:TextBox>
                                        </div>
                                        
                                    </li>
                                       <li style="height: 83px;">
                                      
                                        <div class="dates">
                                            <span>Ảnh đại diện</span>
                                        </div>
                                        <div class="content2" style="margin-left:105px">
                                            <img class="img-rounded2" id="avatar" style="width:50px;height:50px" alt="img" src="../../Uploads/Avatar/<%# Eval("Anh").ToString().Trim()==""? "avatar-default.jpg" : Eval("Anh").ToString().Trim()%>" />
                                            <asp:FileUpload ID="Fulanh" runat="server"/>
                                            <asp:TextBox ID="txtanh" Visible="false" runat="server"  Height="30px" CssClass="form-control" Text='<%# Bind("Anh") %>'></asp:TextBox>
                                        </div>
                                        
                                    </li>
                                </ul>
                                </div>
                           </div>  
                             <div class="row">
                                <div class="col-lg-2 update">
                                    <asp:Button ID="bntupdate" runat="server" CommandName="Update" Text="Update" Width="90px" Height="30px" CssClass="btn-primary btn"  ValidationGroup="editprofile"/>  
                                </div>
                                <div class="col-lg-8 cancel">     
                                    <asp:Button ID="bntCancel" runat="server" CommandName="Cancel" Text="Cancel" Width="80px" Height="30px" CssClass="btn-primary btn" CausesValidation="false" />                                  
                                </div>
                            </div>  
                        </div>      
                      </div>                                                  
                      </div>
                </div>
            </EditItemTemplate>
        <AlternatingItemStyle BorderColor="#0066FF" />
        <FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
        <HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" />
        <ItemStyle BorderColor="#CC00CC" BackColor="#EBEBEB"  ForeColor="Black" />
        <SelectedItemStyle BorderColor="#0066FF" BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
     </asp:DataList>

</div>
<script>

    $('#avatar').click(function () {
  
        $('#ctl03_DtlIndex_Fulanh_0').click();
    });
    $('#avatar').change(function () {
        readURL(this, '#ctl03_DtlIndex_Fulanh_0');
    });
    function readURL(input, imgAnhDaiDien) {

        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $(imgAnhDaiDien).attr('src', e.target.result);
            }
            reader.readAsDataURL(input.files[0]);
        }
    }
</script>